﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hui</title>
    <link href="../../../plugins/swiper/swiper.min.css" rel="stylesheet" />
    <link href="../../../css/Hui.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .touch-active:hover { border: 1px solid red; }
        .block { height: 170px; }
    </style>
</head>
<body>
    <div class="H-theme-background-color-white H-border-vertical-bottom-after H-font-size-13 H-flexbox-horizontal">
        <div class="H-text-align-center H-padding-vertical-top-5" style="-webkit-box-flex: 2; -webkit-flex: 2; flex: 2;">
            <div><img src="../../../image/logo.png" class="H-height-75 H-width-90" /></div>
        </div>
        <div class="H-flex-item H-border-horizontal-left-after">
            <div class="H-center-all H-text-show-row-1 H-padding-12 H-theme-border-color-white touch-active" style="border-width: 0 0 2px 0">购物</div>
            <div class="H-center-all H-text-show-row-1 touch-active H-border-vertical-top-after H-padding-12 H-theme-border-color-white touch-active" style="border-width: 0 0 3px 0">教育</div>
        </div>
        <div class="H-flex-item H-border-horizontal-left-after">
            <div class="H-center-all H-text-show-row-1 H-padding-12 H-theme-border-color-white touch-active" style="border-width: 0 0 2px 0">生活</div>
            <div class="H-center-all H-text-show-row-1 touch-active H-border-vertical-top-after H-padding-12 H-theme-border-color-white touch-active" style="border-width: 0 0 3px 0">健康</div>
        </div>
        <div class="H-flex-item H-border-horizontal-left-after">
            <div class="H-center-all H-text-show-row-1 H-padding-12 H-theme-border-color-white touch-active" style="border-width: 0 0 2px 0">旅游</div>
            <div class="H-center-all H-text-show-row-1 touch-active H-border-vertical-top-after H-padding-12 H-theme-border-color-white touch-active" style="border-width: 0 0 3px 0">新闻</div>
        </div>
        <div class="H-flex-item H-border-horizontal-left-after">
            <div class="H-center-all H-text-show-row-1 H-padding-12 H-theme-border-color-white touch-active" style="border-width: 0 0 2px 0">社交</div>
            <div class="H-center-all H-text-show-row-1 touch-active H-border-vertical-top-after H-padding-12 H-theme-border-color-white touch-active" style="border-width: 0 0 3px 0">杂志</div>
        </div>
        <div class="H-flex-item H-border-horizontal-left-after">
            <div class="H-center-all H-text-show-row-1 H-center-all H-padding-12 H-theme-border-color-white touch-active" style="border-width: 0 0 2px  0">商务</div>
            <div class="H-center-all H-text-show-row-1 touch-active H-border-vertical-top-after H-padding-12 H-theme-border-color-white touch-active" style="border-width: 0 0 3px 0">游戏</div>
        </div>
    </div>
    <div class="">
        <img src="../../../image/templates-imgs/phone.jpg" style="height:120px;width:100%;" />
    </div>
    <div class="swiper-container H-width-100-percent">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="block">
                    <div class="H-text-align-center H-padding-vertical-top-5"><img src="../../../image/templates-imgs/sale1.png" class="H-width-100 H-height-100" /></div>
                    <div class=" H-padding-horizontal-left-15 H-line-height-normal">
                        <span class="H-font-size-13 H-display-block H-text-show-row-1">时尚潮流</span>
                        <label class="H-theme-font-color-red H-font-size-15">¥ 88</label>
                        <font class="H-font-size-11 H-theme-font-color-999" style="text-decoration: line-through;">¥120</font>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="block">
                    <div class="H-text-align-center H-padding-vertical-top-5"><img src="../../../image/templates-imgs/sale1.png" class="H-height-100 H-width-100" /></div>
                    <div class=" H-padding-horizontal-left-15 H-line-height-normal">
                        <span class="H-font-size-13 H-display-block H-text-show-row-1">使用最多</span>
                        <label class="H-theme-font-color-red H-font-size-15">¥ 120</label>
                        <font class="H-font-size-11 H-theme-font-color-999" style="text-decoration: line-through;">¥150</font>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="block">
                    <div class="H-text-align-center H-padding-vertical-top-5"><img src="../../../image/templates-imgs/sale1.png" class="H-height-100 H-width-100" /></div>
                    <div class="H-padding-horizontal-left-15 H-line-height-normal">
                        <span class="H-font-size-13 H-display-block H-text-show-row-1">好评如潮</span>
                        <label class="H-theme-font-color-red H-font-size-15">¥ 150</label>
                        <font class="H-font-size-11 H-theme-font-color-999" style="text-decoration: line-through;">¥200</font>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="block">
                    <div class="H-text-align-center H-padding-vertical-top-5"><img src="../../../image/templates-imgs/sale1.png" class="H-height-100 H-width-100" /></div>
                    <div class="H-padding-horizontal-left-15 H-line-height-normal">
                        <span class="H-font-size-13 H-display-block H-text-show-row-1">经典项目</span>
                        <label class="H-theme-font-color-red H-font-size-15">¥ 66</label>
                        <font class="H-font-size-11 H-theme-font-color-999" style="text-decoration: line-through;">¥100</font>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="block">
                    <div class="H-text-align-center H-padding-vertical-top-5"><img src="../../../image/templates-imgs/sale1.png" class="H-height-100 H-width-100" /></div>
                    <div class="H-padding-horizontal-left-15 H-line-height-normal">
                        <span class="H-font-size-13 H-display-block H-text-show-row-1">个性化设计</span>
                        <label class="H-theme-font-color-red H-font-size-15">¥ 200</label>
                        <font class="H-font-size-11 H-theme-font-color-999" style="text-decoration: line-through;">¥250</font>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="swiper-container H-width-100-percent">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="block">
                    <div class="H-text-align-center"><img src="../../../image/templates-imgs/sale1.png" class="H-width-100 H-height-100" /></div>
                    <div class="H-padding-horizontal-left-15 H-line-height-normal">
                        <span class="H-font-size-13 H-display-block H-text-show-row-1">时尚潮流</span>
                        <label class="H-theme-font-color-red H-font-size-15">¥ 88</label>
                        <font class="H-font-size-11 H-theme-font-color-999" style="text-decoration: line-through;">¥120</font>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="block">
                    <div class="H-text-align-center"><img src="../../../image/templates-imgs/sale1.png" class="H-height-100 H-width-100" /></div>
                    <div class="H-padding-horizontal-left-15 H-line-height-normal">
                        <span class="H-font-size-13 H-display-block H-text-show-row-1">使用最多</span>
                        <label class="H-theme-font-color-red H-font-size-15">¥ 120</label>
                        <font class="H-font-size-11 H-theme-font-color-999" style="text-decoration: line-through;">¥150</font>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="block">
                    <div class="H-text-align-center"><img src="../../../image/templates-imgs/sale1.png" class="H-height-100 H-width-100" /></div>
                    <div class="H-padding-horizontal-left-15 H-line-height-normal">
                        <span class="H-font-size-13 H-display-block H-text-show-row-1">好评如潮</span>
                        <label class="H-theme-font-color-red H-font-size-15">¥ 150</label>
                        <font class="H-font-size-11 H-theme-font-color-999" style="text-decoration: line-through;">¥200</font>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="block">
                    <div class="H-text-align-center"><img src="../../../image/templates-imgs/sale1.png" class="H-height-100 H-width-100" /></div>
                    <div class="H-padding-horizontal-left-15 H-line-height-normal">
                        <span class="H-font-size-13 H-display-block H-text-show-row-1">经典项目</span>
                        <label class="H-theme-font-color-red H-font-size-15">¥ 66</label>
                        <font class="H-font-size-11 H-theme-font-color-999" style="text-decoration: line-through;">¥100</font>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="block">
                    <div class="H-text-align-center"><img src="../../../image/templates-imgs/sale1.png" class="H-height-100 H-width-100" /></div>
                    <div class="H-padding-horizontal-left-15 H-line-height-normal">
                        <span class="H-font-size-13 H-display-block H-text-show-row-1">个性化设计</span>
                        <label class="H-theme-font-color-red H-font-size-15">¥ 200</label>
                        <font class="H-font-size-11 H-theme-font-color-999" style="text-decoration: line-through;">¥250</font>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="swiper-container H-width-100-percent">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="block">
                    <div class="H-text-align-center"><img src="../../../image/templates-imgs/sale1.png" class="H-width-100 H-height-100" /></div>
                    <div class="H-padding-horizontal-left-15 H-line-height-normal">
                        <span class="H-font-size-13 H-display-block H-text-show-row-1">时尚潮流</span>
                        <label class="H-theme-font-color-red H-font-size-15">¥ 88</label>
                        <font class="H-font-size-11 H-theme-font-color-999" style="text-decoration: line-through;">¥120</font>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="block">
                    <div class="H-text-align-center"><img src="../../../image/templates-imgs/sale1.png" class="H-height-100 H-width-100" /></div>
                    <div class="H-padding-horizontal-left-15 H-line-height-normal">
                        <span class="H-font-size-13 H-display-block H-text-show-row-1">使用最多</span>
                        <label class="H-theme-font-color-red H-font-size-15">¥ 120</label>
                        <font class="H-font-size-11 H-theme-font-color-999" style="text-decoration: line-through;">¥150</font>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="block">
                    <div class="H-text-align-center"><img src="../../../image/templates-imgs/sale1.png" class="H-height-100 H-width-100" /></div>
                    <div class="H-padding-horizontal-left-15 H-line-height-normal">
                        <span class="H-font-size-13 H-display-block H-text-show-row-1">好评如潮</span>
                        <label class="H-theme-font-color-red H-font-size-15">¥ 150</label>
                        <font class="H-font-size-11 H-theme-font-color-999" style="text-decoration: line-through;">¥200</font>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="block">
                    <div class="H-text-align-center"><img src="../../../image/templates-imgs/sale1.png" class="H-height-100 H-width-100" /></div>
                    <div class=" H-padding-horizontal-left-15 H-line-height-normal">
                        <span class="H-font-size-13 H-display-block H-text-show-row-1">经典项目</span>
                        <label class="H-theme-font-color-red H-font-size-15">¥ 66</label>
                        <font class="H-font-size-11 H-theme-font-color-999" style="text-decoration: line-through;">¥100</font>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="block">
                    <div class="H-text-align-center"><img src="../../../image/templates-imgs/sale1.png" class="H-height-100 H-width-100" /></div>
                    <div class="H-padding-horizontal-left-15 H-line-height-normal">
                        <span class="H-font-size-13 H-display-block H-text-show-row-1">个性化设计</span>
                        <label class="H-theme-font-color-red H-font-size-15">¥ 200</label>
                        <font class="H-font-size-11 H-theme-font-color-999" style="text-decoration: line-through;">¥250</font>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../../../plugins/swiper/swiper.min.js"></script>
    <script src="../../../script/H.js" type="text/javascript"></script>
    <script type="text/javascript">
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            slidesPerView: 3,
            paginationClickable: true,
            spaceBetween: 5,
            loop: true,
            autoplay: 4000,
            autoplayDisableOnInteraction: false
        });
    </script>
</body>
</html>